* {
	margin: 0; 
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
html, body {
	margin: 0;
	padding: 0;
	font-size: 25px;
	color: #ffffff;
	min-width: 750px;
	text-align: center;

}
body {
	background: rgb(8,5,16);
	
}

h1 {
	
	margin-top: 50px;
	font: 2.75em 'Cinzel', serif;
	letter-spacing: 0.35em;
	
}
h2 {
	font: 1.45em 'Cinzel', serif;
	font-weight: 400;
	letter-spacing: 0.5em;
	
}
.container{
	width: 100%;
	height: 100%;
	min-width: 1080px;
	position:relative;
	z-index: 20;	
	margin-top: 30px;
}
.container>P{
	font-size: 50px;
}
#canvas {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: none;
}
.ba{
	margin-top: 60px;
	width: 300px;
	height: 360px;
	margin-left: 30%;
	position: relative;
	float: left;
	background: url(../img/1.jpg) no-repeat ;
}
.bb{
	margin-top: 60px;
	width: 300px;
	height: 360px;
	margin-left:100px;
	float: left;
	background: url(../img/2.jpg) no-repeat;
}
.ba>p{
	padding-top: 380px;
	padding-left: -200px;
	font-size: 18px;
}
.bb>p{
	padding-top: 380px;
	padding-left: -200px;
	font-size: 18px;
}
a{
	color: #0000FF;
	text-decoration: none;
	
}
a:hover{
	color: #ff0000;
}
